<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<!-- - #笔记要求

    ##笔记
    - 每日边看视频边记录笔记，然后每个知识点需要自己解释一下
    - 以及 每日未解决的问题可以记录下来
    - 记录每日完成多少代码量（多少行）
    - 今天做了什么
    有做项目的话，项目的进度 -->
百度地图API：
是为开发者免费提供的一套基于百度地图服务的应用接口
viewport（视口）
minimum-scale=1.0,页面（最大缩放1.0）
maximmum-scale=1.0, 页面（最小缩放1.0）
user-scalable=no,页面（用户是否可缩放，不准缩放）
initial-scale=1.0 页面（初始缩放1.0）

container（容器）

GL版命名空间为BMapGL
var map = new BMapGL.Map("allmap"); 创建Map实例

map.centerAndZoom(new BMapGL.Point(118.188392, 24.490825);
初始化地图,设置中心点坐标和地图级别

map.enableScrollWheelZoom(true); 开启鼠标滚轮缩放

var scaleCtrl = new BMapGL.ScaleControl(); 添加比例尺控件
map.addControl(scaleCtrl);

var zoomCtrl = new BMapGL.ZoomControl(); 添加缩放控件
map.addControl(zoomCtrl);

var marker = new BMapGL.marker(point); 添加标记点
map.addOverlay(marker);

let content = "label";
let label = new BMapGL.Label(content, {
创建文本标注
position: point, 设置标注的地理位置
offset: new BMapGL.Size(10, 20), 设置标注的偏移量
});
map.addOverlay(label); 将标注添加到地图中
2
var infoWindow = new BMapGL.infoWindow
点标记添加点击事件
marker.addEventListener('click', function () {
map.openInfoWidow(infoWindow, point);//开启信息窗口
}) ；